<template>
    <div class="infinite-container">
        <mu-flexbox class="bgwhite confirm-wrapper">
          <mu-flexbox-item>
            <div class="confirm-icon">
              <i class="iconfont icon-success"></i>
            </div>
            <div class="confirm-success">预约成功</div>
          </mu-flexbox-item>
        </mu-flexbox>
        <common-list title="预约医院" desc="江苏省中医院"></common-list>
        <common-list title="预约科室" desc="眼科"></common-list>
        <common-list title="就诊日期" desc="2017-07-11 周二上午"></common-list>
        <common-list title="预约时段" desc="10:20 - 11:30 "></common-list>
        <common-list title="就诊区域" desc="门诊楼二楼"></common-list>

        <common-list title="就诊人" desc="陈老师" margin="10"></common-list>
        <common-list title="预约卡" desc="身份证-44111111111111333"></common-list>
        <common-list title="初诊复诊" desc="初诊"></common-list>
        <common-list title="支付金额" desc="￥15"></common-list>   
        <section>
          <mu-raised-button label="查看我的预约" primary fullWidth class="mt20" to="/appointment/history"></mu-raised-button> 
        </section>
    </div>
</template>

<script>
import CommonList from '@/components/CommonList'

export default {
  mounted () {
    this.$store.commit('UPDATE_TITLE', '预约成功')
  },
  data () {
    return {
      firstVisit: '1'
    }
  },
  beforeDestroy () {
    this.$store.commit('UPDATE_TITLE')
  },
  components: {
    CommonList
  }
}
</script>
